<!--
 * @Author: your name
 * @Date: 2021-01-25 14:21:43
 * @LastEditTime: 2021-01-25 14:35:44
 * @LastEditors: Please set LastEditors
 * @Description: 表格容器
 * @FilePath: \ad-admin\src\components\Table.vue
-->
<template>
  <div class="table-container">
    <div class="container">
      <!-- 头部搜索栏 -->
      <div class="handle-box">
        <slot name="handle"></slot>
      </div>
      <!-- 表格 -->
      <slot name="table"></slot>
      <!-- 分页 -->
      <div class="pagination">
        <slot name="pagination"></slot>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  name: "",
};
</script>
<style lang='scss' scoped>
.table-container {
  .handle-box {
    margin-bottom: 20px;
  }

  .handle-select {
    width: 120px;
  }

  .handle-input {
    width: 300px;
    display: inline-block;
  }
  .table {
    width: 100%;
    font-size: 14px;
  }
  .red {
    color: #ff0000;
  }
  .mr10 {
    margin-right: 10px;
  }
  .table-td-thumb {
    display: block;
    margin: auto;
    width: 40px;
    height: 40px;
  }
}
</style>